<!DOCTYPE html>
<!--A-朱黄楷-->
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
  <style>
    body{
      background-color: transparent;
      background: linear-gradient(to right, #333, #666);
      margin: 0 auto;
      width: 1140px;
    }
    .el-form-item label{
      color: white;
    }

  </style>
</head>
<body>
<!--忘记密码验证手机号码，身份证号，新密码输入两次-->
<div id="app">
  <el-card style="width: 500px;height:400px;background-color: rgba(128, 128, 128, 0.5);;margin: 0 auto; border: 0;">
  <el-form label-width="100px" >
    <el-form-item label="手机号码"><el-input type="text"></el-input></el-form-item>
    <el-form-item label="身份证号"><el-input type="text"></el-input></el-form-item>
    <el-form-item label="新密码"><el-input type="text"></el-input></el-form-item>
    <el-form-item label="再次输入密码"><el-input type="text"></el-input></el-form-item>
    <el-button type="success" style="margin-top: 10px;margin-left: 50%">修改密码</el-button>
    </el-form-item>
  </el-form>
  </el-card>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
 let v = new Vue({
    el: '#app',
    data: function() {
      return {
        info:"HelloEUI!"
      }
    },
   methods:{

   }
  })
</script>
</html>